
<#include "/base/common/head.html"/>

<div id="tt" class="easyui-tabs" data-options="fit:true,border:false" > 
<div class="detailPage multiple" data-options="fit:true,border:false" title="基本信息" style="padding:20px;display:none;">
    <form id="ff" class="easyui-form" method="post">
        <table class="table1">
            
            <tr>
           		<th><span>用车人：</span></th>
	            <td><span class="valueSpan"><pre>${bo.user!'&nbsp;'}</pre></span></td>
           		<th><span>出发时间：</span></th>
	            <td><span class="valueSpan"><pre><#if bo.beginTime??>${bo.beginTime?string("yyyy-MM-dd HH:mm")}<#else>&nbsp;</#if></pre></span></td>
            </tr>
            <tr>
           		<th><span>目的地：</span></th>
	            <td><span class="valueSpan"><pre>${bo.destination!'&nbsp;'}</pre></span></td>
           		<th><span>归队时间：</span></th>
	            <td><span class="valueSpan"><pre><#if bo.endTime??>${bo.endTime?string("yyyy-MM-dd HH:mm")}<#else>&nbsp;</#if></pre></span></td>
            </tr>
            <tr>
           		<th><span>备注：</span></th>
	            <td><span class="valueSpan"><pre>${bo.remark!'&nbsp;'}</pre></span></td>
           		<th><span>总时长（小时）：</span></th>
	            <td><span class="valueSpan"><pre>${bo.useTime!'&nbsp;'}</pre></span></td>
            </tr>
            <tr>
           		<th><span>状态：</span></th>
	            <td><span class="valueSpan"><pre>${bo.state.name!'&nbsp;'}</pre></span></td>
           		<th><span>等待时长（小时）：</span></th>
	            <td><span class="valueSpan"><pre>${bo.waitTime!'&nbsp;'}</pre></span></td>
            </tr>
            <tr>
           		<th><span>申请人：</span></th>
	            <td><span class="valueSpan"><pre>${bo.applyUserName!'&nbsp;'}</pre></span></td>
           		<th><span>出发里程：</span></th>
	            <td><span class="valueSpan"><pre>${bo.beginNum!'&nbsp;'}</pre></span></td>
            </tr>
            <tr>
           		<th><span>审批人：</span></th>
	            <td><span class="valueSpan"><pre>${bo.approver!'&nbsp;'}</pre></span></td>
           		<th><span>归队里程：</span></th>
	            <td><span class="valueSpan"><pre>${bo.endNum!'&nbsp;'}</pre></span></td>
            </tr>
            <tr>
           		<th><span>车辆：</span></th>
	            <td><span class="valueSpan"><pre> <#if bo.car??>${bo.car.name!'&nbsp;'}<#else>&nbsp;</#if></pre></span></td>
           		<th><span>使用里程：</span></th>
	            <td><span class="valueSpan"><pre>${bo.useNum!'&nbsp;'}</pre></span></td>
            </tr>
            <tr>
           		<th><span>总费用：</span></th>
	            <td><span class="valueSpan"><pre>${bo.allFee!'&nbsp;'}</pre></span></td>
           		<th><span>过 / 停费：</span></th>
	            <td><span class="valueSpan"><pre>${bo.otherFee!'&nbsp;'}</pre></span></td>
            </tr>
            <tr>
           		<th><span>创建时间：</span></th>
	            <td><span class="valueSpan"><pre><#if bo.addTime??>${bo.addTime?string("yyyy-MM-dd HH:mm:ss")}<#else>&nbsp;</#if></pre></span></td>
           		
            </tr>
            
        </table>
    </form>
</div>

<div title="流转历史" data-options="" style="padding:20px;">   
    <table id="dg"></table> 
</div> 
  
</div>  


<script>

var dgOptions = {
        rownumbers:true,
    	fit:true,
    	border:false,
    	url:'${basePath}/car/outbill/outBillFlow/listData?outBillId=${bo.id}',
    	method:'post',
    	pageSize: 20,
    	pagination:false,
    	//fitColumns:true,
    	striped:true,
    	multiSort:false, //是否允许多列排序
		sortName:'opeTime', //初始排序字段
		sortOrder:'desc', //初始排序方式
    	singleSelect: false,
		ctrlSelect : true,
		showFooter : false,
        //queryParams: zcurdGetParam(),
        //onDblClickRow:function(index, row){viewData(row.id);},
        columns: [[
		         
	           	 {field:'opeTime', title: '操作时间', width:130, align:'center'}
	           	 ,{field:'ope', title: '操作', width:80, align:'center'}
	           	 ,{field:'opeInfo', title: '操作意见', width:160, align:'center'}
	           	 ,{field:'opeUserName', title: '操作人', width:80, align:'center'}
	           	 
	           ]],
	      loadFilter: function(data) {
	        	   if(data.result && data.result == 'fail') {	//失败时，错误消息提示
	        		   showWarnMsg(data.msg);
	        		   return {};
	        	   }else {
	        		   return data;
	        	   }
	           }           
	};
	

var datagrid = $("#dg"); //数据表格

$(function() {
	datagrid.datagrid(dgOptions); //绘制数据表格
});

</script>
<#include "/base/common/foot.html"/>
